<style type="text/css" media="all">
/*=============== 回复评论样式========== */
	.quote {
		position: relative;
		/*width: 280px;*/
		padding: 5px;
		background: rgba(197, 206, 207, 0.24);
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		margin-top: 10px;
		border: 1px solid rgba(197, 206, 207, 0.44);
	}

	.referTitle {
		background-color: #FFFF8B;
	}
    div.ref {
	border: 1px solid #ddd;
	margin: 0 0 10px 0;
	padding: 2px;
	font-size: 9pt;
	background: #FFFEC8;
    }
	div.ref h4 {
		margin: 0;
		padding: 1px 3px;
		background: #CC9966;
		color: #fff;
		font-size: 10pt;
	}

	div.ref p {
	margin: 0;
	padding: 2px;
	line-height: 20px;
	color: #666;
	font-size: 9pt;
	}

	div.ref p img {
	display: none;
	width: 0;
	height: 0;
	}
	/*=============== 回复评论样式========== */
	
	.questionList{
		padding:10px;
	}
	.questionListImg{
		display: inline-block;
	}
	.questionimg{
		display: inline-block;

	}
	.questionListImginfo{
		width:15px;
		height: 15px;
		padding-right: 5px;
		vertical-align: middle;
		/*background-color: red;*/
	}
	.questionListImginfo2{
		width:15px;
		height: 15px;
		padding-right: 1px;
		vertical-align: top;
		/*background-color: red;*/
	}
	.questionContent{
		display: inline-block;
		padding-left:5px;
		vertical-align: middle;
	}
	.questionList .questionListTit{
		padding-bottom: 10px;
		font-weight: 700;
	}
	.questionList .questionListInfo>div{
		float: left;
		padding-right: 15px;
	}
	.questionListUer{
		color:blue;
	}

	.splitor{
		height:2px;
		width:100%;
		background-color: #719fbd;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	
	.questionDetailBody{
		width: 100%;	
		padding-left:1px;
		padding-right:1px;
		word-break: break-all; 
	}
	.splitorRelativies{
		height:1px;
		width:100%;
		background-color: #ccc;
		margin-top: 15px;
		margin-bottom: 5px;
	}
	/* css of comment icon for module question */
	.commentIcon {
		width: 13px;
		height: 12px;
		float: left;
	}

	.questionRelativiesUrl {
		display: inline-block;
		height:25px;
		margin-top:10px;
		margin-bottom: 10px;
		background-color: #0882f0;
	}
	.questionDetailRelativies{
		margin-bottom: 50px
	}
	.signName {
		font-size: auto;
	}

</style>

<script id="questionDetailTemplate" type="text/x-underscore-template">
	<div class="questionList newsList" data-id=<%=id%>>
	<div class="questionContent">
		<div class="questionListTit h4 detailTitle"><%=title%></div>
		<div class="questionListInfo h6">
			<div class="questionListUer" data-authorid=<%=authorid%> data-id=<%=id%>><%=author%></div>
			<div>发布于</div>
			<div class="questionListAddTime">
				<%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
			<div>
				<img src="../base/img/widget_comment_count_icon.ing" alt="" class="commentIcon">&nbsp;<%=answerCount%>回/<%=viewCount%>阅
			</div>
		</div>
	</div>
	<div class="splitor"></div>

	<div class="questionDetailBody contentBody"><%=body%></div>
	<div class="questionDetailRelativies">
		<div>
			<%
				if(typeof tags !== "undefined") {
				_.each(tags,function(tags){ 
			%>
				<button data-tags=<%=tags%> class="questionRelativiesUrl">
					<sapn class="signName"><%=tags%></sapn>
				</button>
			<%
				}) }
			%>
		</div>
	</div>
</div>
</script>


<script id="commentListTemplate" type="text/x-jquery-tmpl">
<div class="tweetList" data-commentAuthorId="<%=commentAuthorId%>" data-commentId="<%=id%>">
	<div class="tweetListImg" data-authorid=<%=commentAuthorId%> data-author=<%=commentAuthor%> data-id=<%=id%>>
	<%if(commentPortrait===""){var commentPortrait="http://www.oschina.net/img/portrait.gif"}%>
	
		<img src=<%=commentPortrait%>
		onerror="javascript:this.src='../base/img/widget_dface.ing';"></div>
	<div class="tweetContent" data-commentAuthorId="<%=commentAuthorId%>" data-commentId="<%=id%>">
		<div>
			<span class="tweetListissuer"><%=commentAuthor%></span>
		</div>


	<%
			if(typeof replies !== "undefined")  {
				if(replies!=""){ 
		%>
					<div class="tweetListTit h5">
				   <div class="quote">
				<%
                   _.each(replies, function(replie) { 
				%>
                  <div class="quoteTitle"><%=replie.rauthor%></div>
                  <div class="quoteBody"><%=replie.rcontent%></div>			
		<% });%> 
             </div>  </div>	
        <%} }%>
	<div class="tweetListTit h5"><%=content%>
</div>	
		<div class="tweetListInfo h6">
		<%
				var clientOrigin;
				if(client_type == 1)
					clientOrigin = 'WEB';
				else if(client_type == 2)
					clientOrigin = 'WAP';
				else if(client_type == 3)
					clientOrigin = 'Android';
				else if(client_type == 4)
					clientOrigin = 'IOS';
				else if(client_type == 5)
					clientOrigin = 'WP';

			%>
			<% if(clientOrigin != undefined) {%>
			<div>来自:<%=clientOrigin%></div>
			<%}%>
			<div><%=moment(pubDate, "YYYY-MM-DD HH:mm:ss").fromNow()%></div>
		</div>
	</div>
</div>

</script>
<!-- header -->
<header class="bar-title">
	<div class="left-banner">
		 <span class="homeBtn icon-reply imgsize"></span>
	</div>
	<h1 class="title">帖子正文</h1>
	<div class="right-banner">
		<span class="refreshBtn icon-repeat imgsize"></span>
	</div>

</header>

<script id="footerTemplate" type="text/x-underscore-template">
<footer class="footer-menu-detail" data-value=<%=url%> data-id=<%=id%>  data-active = <%=activeIndex%> ></footer>
</script>
<!-- uncomment this if you want a sencondary-bars

<nav class="bar-standard bar-header-secondary"></nav>
-->
<!-- content -->
<div class="content">
	<list id="comment-list" 
    autoLoad="false"
    isPullDownRefresh="true"  
    jsonRoot="commentList"
    bundle="fs"
    paging="true"
    iScroll="true"
    _itemTemplate="commentListTemplate"></list>
</div>
